import Box from "@mui/material/Box";
import Container from "@mui/material/Container";
import Stack from "@mui/material/Stack";

export default function Hero() {
  return (
    <Box>
      <Container
        sx={{
          display: "flex",
          flexDirection: "column",
          alignItems: "center",
          pt: "7rem",
          pb: "1rem",
        }}
      >
        <Stack spacing={2} useFlexGap sx={{ width: { xs: "100%", sm: "70%" } }}>
          <h4
            style={{
              textAlign: "center",
              fontSize: "2rem",
              fontWeight: "bold",
            }}
          >
            Download GMPS Database
          </h4>
        </Stack>
      </Container>
    </Box>
  );
}
